<template>
  <div
    style="-webkit-font-smoothing: antialiased; text-transform: capitalize"
    class="w-screen h-screens"
  >
    <v-header @change-router="handleChangeRouter"></v-header>
    <div class="flex-grow h-full overflow-y-auto rounded-t-md">
      <router-view></router-view>
    </div>
    <v-footer></v-footer>
  </div>
</template>
<script>
import header from "@/components/global/header.vue";
import footer from "@/components/global/footer.vue";
import { useRouter } from "vue-router";
export default {
  components: {
    vHeader: header,
    vFooter: footer,
  },
  setup() {
    const router = useRouter();
    const handleChangeRouter = (path) => {
      const to = path.path;
      router.replace(to);
    };
    // const handleLoginAndRegister = (path) => {
    //   const to = path.path;
    //   router.replace(to);
    // };
    return { 
        handleChangeRouter , 
        // handleLoginAndRegister
        };
  },
};
</script>
